/*
	Kodlama : Mornet Ajans /

*/

/*-----------------------------------------------------------------------------------*/
/*	0.	STANDART
/*-----------------------------------------------------------------------------------*/
@charset "utf-8";
body{ margin:0; padding:0;  background:#F4F4F4; font-family: 'Titillium Web', sans-serif;}

/*---Header---*/

.top{width:100%;height:50px;float:left;background:#0153A5;float:left;overflow:hidden}
.header{width:100%;height:170px;background:url(../images/top.png)no-repeat center center;float:left;border-bottom:6px solid #D8D8D8}
.top_container{width:1100px;height:auto;margin:0px auto}
.top_container p{display:block;margin:0px;padding:0px;height:50px;line-height:50px;color:#D8D8D8;float:left}
.logo a{width:268px;height:133px;background:url(../images/logo.png)no-repeat;display:block;text-indent:-9999px;padding:0px;margin:10px 0px 0px 0px;float:left}

.menu{width:720px;float:right;height:86px;margin:40px 0px 0px 0px;position:relative;left:0}
.menu>ul{display:block;margin:0px;padding:0px;}
.menu>ul>li>a{display:block;margin:0px;padding:0px 14px;float:left;font-size:16px;color:#444;font-weight:600;line-height:86px;transition-duration:0.1s}
.menu>ul>li>a:hover{color:#00B085;border-bottom:2px solid #00B085}
.menu span{display:block;margin:0px 0px 0px 4px;padding:0px;float:left;background:url(../images/line.png)no-repeat;width:11px;height:86px}

.menu>ul> li> ul:before{content:""; width:20px; height:9px;  position:relative; z-index:666; display:none; background:url(../images/arrow.png) no-repeat; margin:-9px 0px 0px 15px}
.menu>ul> li:hover ul:before{display:block;}
.menu>ul> li> ul {display:none;min-width:220px; width:auto;  position:absolute; z-index:11; top:80px; left:250px;float:right;transition-duration:0.8s;padding:0px 10px 10px 10px;background:#00B085;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.menu>ul> li:hover ul{display:block;}
.menu>ul> li> ul> li{width:100%; list-style:none;}
.menu>ul> li> ul> li> a{display:block; height:40px; line-height:40px; color:#fff; font-size:14px;margin-top:5px;cursor:pointer;border-bottom:1px solid #009D76}
.menu>ul> li> ul> li> a:before{content:""; width:10px; height:10px; margin:16px 10px 0px 0px; float:left; background:url(../images/menus.png)no-repeat;transition-duration:0.3s}
.menu>ul> li> ul> li> a:hover{ color:#fff;border-bottom:1px solid #fff}
.menu>ul> li> ul> li> a:hover:before{background:url(../images/menus.png)0px -10px no-repeat;;}

.mmenu a{width:100%; height:50px;  cursor:pointer; line-height:50px; background:#DA2128; display:block;float:left;margin:20px 0px;display:none}

.social-media{width:144px;height:50px;float:right;}
.social-media ul{display:block;margin:0px;padding:0px;}
.social-media ul li a{display:block;margin:0px;padding:0px;float:left;margin:0px 4px}

.facebook a{width:38px;height:50px;background:url(../images/icon/facebook.png)no-repeat;display:block;text-indent:-9999px;border-left:2px solid #3A589B;border-right:2px solid #3A589B;transition-duration:0.3s}
.facebook a:hover{border-left:2px solid #2E4478;border-right:2px solid #2E4478}

.twitter a{width:38px;height:50px;background:url(../images/icon/twitter.png)no-repeat;display:block;text-indent:-9999px;border-left:2px solid #598DCA;border-right:2px solid #598DCA;transition-duration:0.3s}
.twitter a:hover{border-left:2px solid #B5CCE8;border-right:2px solid #B5CCE8}

.youtube a{width:38px;height:50px;background:url(../images/icon/youtube.png)no-repeat;display:block;text-indent:-9999px;border-left:2px solid #CF3427;border-right:2px solid #CF3427;transition-duration:0.3s}
.youtube a:hover{border-left:2px solid #7E2018;border-right:2px solid #7E2018}


.action_bar{width:400px;height:50px;float:right;margin:0px 40px 0px 0px}
.action_bar h1{display:block;margin:0px;padding:0px;line-height:50px;font-size:14px;color:#D8D8D8;float:left;font-weight:600}
.action_bar h1:before{display:block;margin:15px 12px 12px 12px;padding:0px;float:left;content:"";background:url(../images/icon/phone1.png)no-repeat;width:20px;height:20px}

.action_bar h2{display:block;margin:0px;padding:0px;line-height:50px;font-size:14px;color:#D8D8D8;float:left;font-weight:600}
.action_bar h2:before{display:block;margin:15px 12px 12px 12px;padding:0px;float:left;content:"";background:url(../images/icon/call.png)no-repeat;width:20px;height:20px}

.action_bar span{display:block;margin:8px 20px 8px 40px;padding:0px;float:left;background:url(../images/lines.png)no-repeat;width:8px;height:34px}









/*---Slider---*/

.slider{width:100%; height:auto;  padding-top:0px; margin:0px;float:left;position:relative;z-index:1;overflow:hidden}

.carousel-inner{background:#DFE1E7;;}
.carousel-control.left, .carousel-control.right  {background:none;z-index:54;width:8%}

.left  span{background:url(../images/icon/left.png)no-repeat; width:58px; height:58px; position:absolute;  left:30px; top:46%; z-index:555; }
.right span{background:url(../images/icon/right.png)no-repeat; width:58px; height:58px; position:absolute;  right:30px; top:46%; z-index:555;}

.item img {height:340px}
.item {background:url(../images/slide.jpg)no-repeat;width:100%;height:auto}


.carousel-caption {height:auto;margin:16% 0px;width:46%;padding:0;float:right;overflow:hidden;display:block;position:relative;display:none}
.carousel-captions {height:auto;margin:16% 0px;width:46%;padding:0;float:right;overflow:hidden;display:block;position:relative}
.carousel-captions h1{ overflow:hidden;width:100%; display:block;font-size:42px; color:#fff; padding:0px; text-shadow:none; margin:0px; text-align:left; float:right; clear:both;font-weight:700}
.carousel-captions h2{ overflow:hidden;width:100%; display:block;font-size:28px; color:#fff; padding:0px; text-shadow:none; margin:0px; text-align:left; float:right; clear:both;font-weight:600;margin:20px 0px}



.carousel-captions p{ overflow:hidden; display:block; width:100%; font-size:18px; color:#fff; padding:0px; text-shadow:none; margin:0px; text-align:left; float:right; clear:both;}

.slide-content {top:0; height:100%;min-height:100%; left:0;right:0;margin:0px auto;padding:0;width:60%; position:absolute; z-index:999;}
.carousel-image {height:auto;margin:8% 0px;width:46%;padding:0 ;float:left}
.carousel-image img{width:100%;height:auto;display:block;margin:0px;padding:0px }


.phones{width:200px;height:50px;border:2px solid #0067CE;float:left;border-radius:50px;background:#0153A5;margin:30px 0px 20px 20px;transition-duration:0.3s}
.phones:hover{border:2px solid #014589;background:#0067CD}
.phones a h2{display:block;margin:0px;padding:0px;color:#fff;font-size:18px;line-height:46px;float:left}
.phones a h2:before{display:block;margin:12px 15px;padding:0px;background:url(../images/icon/phones.png)no-repeat;float:left;content:"";width:26px;height:26px}

.mails{width:200px;height:50px;border:1px solid #008463;float:right;border-radius:50px;background:#00CC99;margin:30px 40px 20px 0px;transition-duration:0.3s}
.mails:hover{border:1px solid #00CC99;background:#009D76;}
.mails a h2{display:block;margin:0px;padding:0px;color:#fff;font-size:18px;line-height:46px;float:left}
.mails a h2:before{display:block;margin:12px 15px;padding:0px;background:url(../images/icon/mail.png)no-repeat;float:left;content:"";width:31px;height:21px}




/*---Content---*/

.reset{width:100%;height:auto;float:left}
.container{width:1100px;height:auto;margin:-50px auto 0px auto;z-index:2;padding:0px;position:relative;overflow;hidden}



/*---Slider Bottom---*/

.bottoms{width:100%;height:auto;margin:0px auto 30px auto;position:relative;z-index:11;padding:0px;display:none}
.bottom{width:1100px;height:auto;margin:0px auto 30px auto;position:relative;z-index:11;padding:0px}
.bottom ul{display:block;margin:0px;padding:0px;overflow:hidden}
.bottom ul li{display:block;margin:0px 0px 20px 30px;padding:0px;width:246px;height:390px;background:#FBFBFB;float:left;border:1px solid #CCCCCC}
.bottom ul>li>a>img{display:block;padding:0px;margin:12px auto 0px auto;width:218px;height:166px;position:relative;z-index:10;overflow:hidden}
.icon-hizmet{width:50px;height:50px;border:2px solid #fff;border-radius:50px;background:#0153A5;position:relative;z-index:11;margin:-25px auto 10px auto}
.icon-hizmet>img{width:30px;height:30px;display:block;margin:10px auto;padding:0px;}
.bottom ul li a h1{display:block;padding:0px;margin:0px;font-size:17px;color:#2A4675;margin:0px 0px 0px 0px;font-weight:600;text-align:center}
.bottom ul li p{display:block;padding:0px;font-size:14px;color:#444;margin:10px auto 0px auto;font-weight:500;width:220px;overflow:hidden;height:64px;text-align:center}
.bottom ul li a h5{width:150px;height:40px;background:url(../images/detay.png)repeat-y;margin:10px auto;line-height:40px;color:#fff;font-size:13px;font-weight:600;text-indent:10px;border-radius:4px;transition-duration:0.3s}
.bottom ul li a h5:after{width:13px;height:17px;background:url(../images/icon/arrow.png)no-repeat;content:"";float:right;margin:10px 6px}
.bottom ul li a h5:hover{background:url(../images/detays.png)repeat-y}

.center{width:50px;height:20px;margin:0px auto;overflow:hidden}
.center span{display:block;margin:0px;padding:0px}

.centers{width:50px;height:20px;margin:0px auto;overflow:hidden;display:none}
.centers span{display:block;margin:0px;padding:0px;display:none}

.nright a{display:block;text-indent:-9999px;width:15px;height:15px;margin:0px 4px;float:left;border:2px solid #ccc;border-radius:50px}
.nright a:hover{border:2px solid #0153A5}

.nleft a{display:block;text-indent:-9999px;width:15px;height:15px;margin:0px 4px;float:left;border:2px solid #0153A5;border-radius:50px}
.nleft a:hover{border:2px solid #0153A5}

.nrights a{display:block;text-indent:-9999px;width:15px;height:15px;margin:0px 4px;float:left;border:2px solid #ccc;border-radius:50px;display:none}
.nrights a:hover{border:2px solid #0153A5}

.nlefts a{display:block;text-indent:-9999px;width:15px;height:15px;margin:0px 4px;float:left;border:2px solid #0153A5;border-radius:50px;display:none}
.nlefts a:hover{border:2px solid #0153A5}

/*---Colored---*/

.colored{width:100%;height:auto;background:url(../images/colored.png)repeat-y center center;float:left;margin:0px 0px 20px 0px;overflow:hidden}
.colors{width:1100px;height:250px;margin:0px auto;padding:0px}
.blog{width:500px;float:left;margin:0px 0px  20px 0px}
.blog h1{display:block;margin:40px 0px 10px 0px;padding:0px;color:#fff;font-weight:600;font-size:26px;text-align:center}
.blog>p{display:block;margin:0px 0px 20px 0px;padding:0px;color:#fff;font-weight:500;font-size:14px;text-align:Center;overflow:hidden}
.blog>p:after{display:block;padding:0px;content:"";margin:20px auto;width:120px;height:3px;background:#fff}

.blog ul{display:block;margin:0px;padding:0px;}
.blog ul li a{display:block;margin:0px 0px 20px 0px;padding:0px 0px 10px 0px;width:100%;border-bottom:1px solid #34628B;}
.blog ul li a:hover{border-bottom:1px solid #98BAD8}
.blog-photo{width:115px;height:96px;background:url(../images/blog.png)no-repeat;float:left;margin:0px 20px 0px 0px}
.blog-photo img{width:98px;height:77px;float:left;display:block;padding:0px;margin:9px 8px}
.blog ul li a h1{display:block;margin:10px 0px;padding:0px;font-size:16px;color:#fff;float:left;width:360px;text-align:left}
.blog ul li a p{display:block;margin:0px;padding:0px;font-size:14px;color:#fff}

.blog-detay a{height:50px; color:#fff; line-height:46px; padding:0px 0px;display:block;margin:30px auto 20px auto;width:170px;border:2px solid #fff;background:none;font-weight:600;border-radius:4px;transition-duration:0.2s;text-align:center}
.blog-detay a:hover{background:#fff;border:2px solid #0C3A69;color:#0C3A69;}


.teklif{width:500px;float:right;margin:0px 0px  20px 0px}

.teklif h1{display:block;margin:40px 0px 10px 0px;padding:0px;color:#fff;font-weight:600;font-size:26px;text-align:center}
.teklif>p{display:block;margin:0px 0px 20px 0px;padding:0px;color:#fff;font-weight:500;font-size:14px;text-align:Center;overflow:hidden}
.teklif>p:after{display:block;padding:0px;content:"";margin:20px auto 0px auto;width:120px;height:3px;background:#fff}
.forms{width:100%;height:auto;}





.galeries{width:1100px;height:auto;margin:0px auto;overflow:hidden}
.galeries h1{display:block;margin:40px 0px 10px 0px;padding:0px;color:#333;font-weight:600;font-size:26px;text-align:center}
.galeries>p{display:block;margin:0px 0px 20px 0px;padding:0px;color:#333;font-weight:500;font-size:14px;text-align:Center;overflow:hidden}
.galeries>p:after{display:block;padding:0px;content:"";margin:20px auto;width:120px;height:3px;background:#333}

.gallerys a{width:200px;height:50px;border:2px solid #0052A5;margin:30px auto 40px auto;border-radius:4px;text-align:center;color:#333;font-size:15px;font-weight:600;line-height:44px;display:block;transition-duration:0.3s;overflow:hidden}
.gallerys a:hover{border:2px solid #0052A5;border-radius:4px;color:#fff;background:#0052A5;}







.footer{width:100%;height:346px;background:url(../images/footer.png)no-repeat center center;float:left;margin:20px 0px 0px 0px}
.footers{width:1100px;height:auto;margin:0px auto}

.f-column1{width:300px;height:260px;float:left}
.f-logo a{width:268px;height:84px;float:left;display:block;margin:60px 0px 20px 0px ;padding:0px;background:url(../images/f-logo.png)no-repeat;text-indent:-9999px}
.f-column1 p{width:100%;height:auto;display:block;margin:0px;padding:0px;font-size:13px;color:#ACD2F9}


.f-column2{width:250px;height:250px;float:left;margin:30px 12px 10px 12px;padding:0px 25px;border-right:1px solid #0D4277;}
.f-column2 h1{display:block;margin:30px 0px 10px 0px;padding:0px;width:100%;float:left;font-size:17px;font-weight:600;color:#fff}
.f-column2 ul{display:block;margin:0px;padding:0px;float:left;width:100%}
.f-column2 ul li a{display:block;margin:0px;padding:0px;width:100%;height:36px;line-height:36px;font-size:14x;color:#ACD2F9;float:left;}
.f-column2 ul li a:before{display:block;margin:14px 10px 0px 0px;padding:0px;width:10px;height:10px;background:url(../images/before.png)no-repeat;content:"";float:left;transition-duration:0.3s}

.f-column2 ul li a:hover{ color:#fff;border-bottom:1px solid #fff}
.f-column2 ul li a:hover:before{background:url(../images/before.png)0px -10px no-repeat;}


.f-column3{width:230px;height:250px;float:left;margin:30px 12px 10px 12px;border-right:1px solid #0D4277;padding:0px 25px}
.f-column3 h1{display:block;margin:30px 0px 10px 0px;padding:0px;width:100%;float:left;font-size:17px;font-weight:600;color:#fff}
.f-column3 ul{display:block;margin:0px;padding:0px;float:left;width:100%}
.f-column3 ul li a{display:block;margin:0px;padding:0px;width:100%;height:36px;line-height:36px;font-size:14x;color:#ACD2F9;float:left;}
.f-column3 ul li a:before{display:block;margin:14px 10px 0px 0px;padding:0px;width:10px;height:10px;background:url(../images/before.png)no-repeat;content:"";float:left;transition-duration:0.3s}

.f-column3 ul li a:hover{ color:#fff;border-bottom:1px solid #fff}
.f-column3 ul li a:hover:before{background:url(../images/before.png)0px -10px no-repeat;}


.f-column4{width:270px;height:250px;float:left;padding:0px 25px;margin:30px 0px 10px 0px}
.f-column4 h1{display:block;margin:30px 0px 10px 0px;padding:0px;width:100%;float:left;font-size:17px;font-weight:600;color:#fff}
.f-column4 ul{display:block;margin:0px;padding:0px;float:left;width:100%}
.f-column4 ul li a{display:block;margin:0px;padding:0px;width:100%;height:36px;line-height:36px;font-size:14x;color:#ACD2F9;float:left;}
.f-column4 ul li a:before{display:block;margin:14px 10px 0px 0px;padding:0px;width:10px;height:10px;background:url(../images/before.png)no-repeat;content:"";float:left;transition-duration:0.3s}

.f-column4 ul li a:hover{ color:#fff;border-bottom:1px solid #fff}
.f-column4 ul li a:hover:before{background:url(../images/before.png)0px -10px no-repeat;}


.footer-bottom{width:1100px;height:50px;margin:0px auto 0px auto;overflow:hidden}
.footer-bottom p{display:block;margin:0px;padding:0px;font-size:13px;color:#ccc;line-height:50px;float:left}


.mornet a{width:115px;height:37px;background:url(../images/mornet.png)no-repeat;float:right;display:block;margin:6px 0px 0px 0px;padding:0px;text-indent:-9999px;transition-duration:0.3s}







/* ---------------------- SAYFA İÇLERİ ------------------------------------------------------ */


.subheader{width:100%;height:150px;background:url(../images/subheader.png)no-repeat center center;float:left;border-bottom:6px solid #D8D8D8}
.subheaders{width:1100px;height:150px;margin:0px auto}
.subheaders h1{display:block;margin:0px;padding:0px;line-height:150px;color:#fff;font-weight:600;font-size:28px;float:left}
.subheaders h1:before{display:block;margin:60px 20px 0px 0px;padding:0px;width:30px;height:30px;background:url(../images/icon/home.png)no-repeat;content:"";float:left}


.page{width:1100px;height:auto;margin:0px auto 20px auto;overflow:hidden}

.sidebar{width:270px;height:auto;margin:0px 0px 30px 0px;float:right;background:#0065CC;padding:10px;}

.side-tittle{width:100%;height:60px;float:left;background:#005BB7}
.side-tittle h1{display:block;margin:0px;padding:0px;font-size:22px;font-weight:600;color:#fff;line-height:60px;float:left;}
.side-tittle h1:before{display:block;margin:0px;padding:0px;background:url(../images/icon/hizmet.png)no-repeat;content:"";float:left;width:26px;height:26px;margin:17px}

.sidebar ul{display:block;margin:0px;padding:0px}
.sidebar ul li{display:block;margin:0px;padding:0px;width:100%;height:46px;float:left;border-bottom:1px solid #0052A4;transition-duration:0.3s}
.sidebar ul li:hover{border-bottom:1px solid #C4E1FF}
.sidebar ul li a{display:block;margin:0px;padding:0px;color:#fff;font-size:14px;line-height:46px;float:left}
.sidebar ul li a:hover{color:#C4E1FF}
.sidebar ul li a:before{display:block;margin:18px 10px 6px 6px;padding:0px;background:url(../images/icon/side.png)no-repeat;content:"";width:10px;height:10px;float:left;transition-duration:0.3s}
.sidebar ul li a:hover:before{background:url(../images/icon/side.png)0px -10px no-repeat;}

.content{width:800px;height:auto;float:left;margin:40px 0px}
.content p{display:block;margin:0px;padding:0px;line-height:26px}
.content h4{display:block;margin:20px 0px;padding:0px;width:100%;color:#0066CC;font-size:18px;font-weight:600}
.content li{line-height:30px}
.content>img{float:left;display:block;margin:20px 0px;width:100%;height:auto;border:6px solid #d8d8d8}


.blog-list {width:100%;height:auto;float:left;margin:0px;padding:0px}
.blog-list ul{display:block;margin:30px 0px 0px 0px;padding:0px;}
.blog-list ul li a{display:block;margin:20px 1% 20px 1%;padding:0px 0px 10px 0px;width:48%;border-bottom:1px solid #ccc;float:left}
.blog-list ul li a:hover{border-bottom:1px solid #98BAD8}
.blog-list-photo{width:115px;height:96px;background:url(../images/blog-list.png)no-repeat;float:left;margin:0px 20px 0px 0px}
.blog-list-photo img{width:98px;height:77px;float:left;display:block;padding:0px;margin:9px 9px 9px 8px}
.blog-list ul li a h1{display:block;margin:0px 0px 10px 0px;padding:0px;font-size:18px;color:#333;float:left;width:360px;text-align:left;font-weight:600}
.blog-list ul li a p{display:block;margin:0px;padding:0px;font-size:13px;color:#333}




.blog-ic{width:800px;height:auto;float:left;margin:0px 0px 30px 0px}
.blog-ic img{float:left;display:block;margin:20px 0px;width:100%;height:auto;border:6px solid #d8d8d8}
.blog-ic h5{display:block;margin:20px 0px 10px 0px;padding:0px;width:100%;font-size:16px;font-weight:600;color:#005CB9}
.blog-ic p{display:block;margin:0px;padding:0px;width:100%;font-size:14px;font-weight:500;color:#444}
.blog-ic li{display:block;margin:10px 0px;padding:0px;width:100%;font-size:14px}


.contact{width:100%;height:auto;margin:0px;padding:0px;}
.contact h1{display:block;margin:0px 20px 20px 0px;padding:0px;width:100%;height:auto;font-size:24px;font-weight:600;color:#333}

.contact ul{display:block;margin:0px 0px 20px 0px;padding:0px;float:left;width:100%;}
.contact ul li{display:block;margin:0px;padding:0px;float:left;width:100%;border-bottom:1px solid #d8d8d8;height:60px;line-height:60px}


.adres{display:block;margin:0px;padding:0px;font-size:15px;color:#333;float:left}
.adres:before{display:block;margin:15px;padding:0px;float:left;width:30px;height:30px;content:"";background:url(../images/icon/location.png)no-repeat}


.tel{display:block;margin:0px;padding:0px;font-size:15px;color:#333;float:left}
.tel:before{display:block;margin:15px;padding:0px;float:left;width:30px;height:30px;content:"";background:url(../images/icon/tel.png)no-repeat}

.gsm{display:block;margin:0px;padding:0px;float:left;font-size:15px;color:#333}
.gsm:before{display:block;margin:15px;padding:0px;float:left;content:"";background:url(../images/icon/tels.png)no-repeat;width:30px;height:30px;}

.email{display:block;margin:0px;padding:0px;float:left;font-size:15px;color:#333}
.email:before{display:block;margin:15px;padding:0px;float:left;content:"";background:url(../images/icon/mails.png)no-repeat;width:30px;height:30px;}








/* ---------------------- ANASAYFA GALERİ ------------------------------------------------------ */

            .demo-gallery {
              margin-bottom: 0; margin:20px auto 20px auto; padding:0;width:100%;display:block
            }



            .demo-gallery > ul {
              margin-bottom: 0; margin:0px 0px 0px 0px; padding:0;display:block
            }
            .demo-gallery > ul > li {
                float: left;
                margin:2px 4px 6px 4px;
                width: 210px;
				height:150px;
            }
            .demo-gallery > ul > li a {
              border: 3px solid #FFF;
              border-radius: 3px;
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
			  height:150px;
            }
            .demo-gallery > ul > li a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%; flex-shrink:0;height:100%; object-fit: cover
            }
            .demo-gallery > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery > ul > li a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery > ul > li a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .video .demo-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
            .demo-gallery.dark > ul > li a {
              border: 3px solid #04070a;
            }
            .home .demo-gallery {
              padding-bottom: 80px;
            }
  

/* ----------------------ANASAYFA GALERİ-- BİTTİ---------------------------------------------------- */



/* ---------------------- SAYFA GALERİ ------------------------------------------------------ */

            .demo-gallerys {
              margin-bottom: 0; margin:20px auto 20px auto; padding:0;width:100%;display:block
            }



            .demo-gallery > ul {
              margin-bottom: 0; margin:0px 0px 0px 0px; padding:0;display:block
            }
            .demo-gallerys > ul > li {
                float: left;
                margin:2px 4px 6px 4px;
                width: 150px;
				height:120px;
            }
            .demo-gallerys > ul > li a {
              border: 3px solid #FFF;
              border-radius: 3px;
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
			  height:120px;
            }
            .demo-gallerys > ul > li a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%; flex-shrink:0;height:100%; object-fit: cover
            }
            .demo-gallerys > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallerys > ul > li a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallerys > ul > li a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallerys > ul > li a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallerys > ul > li a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallerys .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallerys .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallerys .justified-gallery > a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallerys .justified-gallery > a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallerys .justified-gallery > a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallerys .justified-gallery > a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallerys .video .demo-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
            .demo-gallerys.dark > ul > li a {
              border: 3px solid #04070a;
            }
            .home .demo-gallerys {
              padding-bottom: 80px;
            }
  

/* ---------------------- GALERİ-- BİTTİ---------------------------------------------------- */